<template>
  <div class="terda">
    <p>
      <el-input placeholder="用户名/姓名" v-model="input" clearable> </el-input>
    </p>
    <p class="ml-1">
      <el-select v-model="value" placeholder="选择所属部门">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
          :disabled="item.disabled"
        >
        </el-option>
      </el-select>
    </p>
    <p class="ml-1">
      <el-button type="primary" icon="el-icon-search" :loading="isloading"
        >查询</el-button
      >
    </p>
    <p class="ml-1"><el-button plain>添加</el-button></p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isloading: false,
      input: "",
      options: [
        {
          value: "黄金糕",
        //   label: "黄金糕",
        },
        {
          value: "双皮奶",
        //   label: "双皮奶",
        //   disabled: true,
        },
        {
          value: "蚵仔煎",
        //   label: "蚵仔煎",
        },
        {
          value: "龙须面",
        //   label: "龙须面",
        },
        {
          value: "北京烤鸭",
        //   label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },
};
</script>
<style scoped lang="less">
.terda {
  display: flex;
}
</style>